<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">

<link rel="stylesheet" type="text/css" href="/Public/css/boot.css">
<link rel="stylesheet" type="text/css" href="/Public/font/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="/Public/css/s.css">
<link rel="stylesheet" type="text/css" href="/Public/css/wap.css">

<div class="hover">
	<div class="text">
		<span>加载中...</span> <i class="fa fa-spinner fa-spin"></i>
	</div>
</div>



<script type="text/javascript" src="/Public/js/jq.js"></script>
<script type="text/javascript" src="/Public/js/jqui.js"></script>
<script type="text/javascript" src="/Public/js/lazyload.js"></script>
<script type="text/javascript" src="/Public/js/boot.js"></script>
<script type="text/javascript" src="/Public/js/function.js"></script>



<!-- 引入 jQuery Mobile 库 -->

    <meta name="description" content="<?php echo ($info["description"]); ?>">
    <meta name="keywords" content="<?php echo ($info["keywords"]); ?>">
    <title><?php echo ($info["title"]); ?>-首页</title>
    <style type="text/css">
        .swiper-container {
            width: 100%;
            height: 180px;
        }
        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            background-size:100% 100%;
            background-repeat:no-repeat;
        }
    </style>
</head>
<body>
    <div class="head">
        <div class="left">
            LOGO<!-- <i class="icon-reorder"></i> -->
        </div>
        <div class="center">
            <form method="post" action="<?php echo U('Index/good_list');?>">
                <input type="text" class="form-control" placeholder="请输入商品名称" name="like">
            </form>
        </div>
        <div class="right" onclick="search()">
            <i class="fa fa-search" aria-hidden="true"></i>
        </div>
    </div>
<!-- 
    <div class="alltype">
        <div class="left">
            <div class="type">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/1.png" >
                </div>
                <div class="test">分类1</div>
            </div>
            <div class="type">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/2.png" >
                </div>
                <div class="test">分类2</div>
            </div>
        </div>
        <div class="right">
            <div class="type">
                <div class="type_name">
                    分类分类1
                </div>
                <div class="subtype">
                    分类1
                </div>
                <div class="subtype">
                    分类2
                </div>
                <div class="subtype">
                    分类3
                </div>
                <div class="subtype">
                    分类4
                </div>
                <div class="subtype">
                    分类5
                </div>
                <div class="subtype">
                    分类6
                </div>
                <div class="subtype">
                    分类7
                </div>
                <div class="subtype">
                    分类8
                </div>
                <div class="subtype">
                    分类9
                </div>
            </div>
            <div class="type">
                <div class="type_name">
                    分类分类2
                </div>
                <div class="subtype">
                    分类1
                </div>
                <div class="subtype">
                    分类2
                </div>
                <div class="subtype">
                    分类3
                </div>
                <div class="subtype">
                    分类4
                </div>
                <div class="subtype">
                    分类5
                </div>
                <div class="subtype">
                    分类6
                </div>
                <div class="subtype">
                    分类7
                </div>
                <div class="subtype">
                    分类8
                </div>
                <div class="subtype">
                    分类9
                </div>
            </div>
        </div>
    </div> -->

    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background-image:url(/Public/img/banner9.png)"></div>
            <div class="swiper-slide" style="background-image:url(/Public/img/banner9.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(/Public/img/banner8.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(/Public/img/banner7.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(/Public/img/banner5.jpg)"></div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>

    <div class="typelist">
        <a href="<?php echo U('Index/good_list');?>">
            <div class="type">
                <div class="img"><img class="lazy" data-original="/Public/img/1.png" ></div>
                <div class="text">分类</div>
            </div>
        </a>
        <a href="<?php echo U('Index/good_list');?>">
            <div class="type">
                <div class="img"><img class="lazy" data-original="/Public/img/2.png" ></div>
                <div class="text">分类</div>
            </div>
        </a>
        <a href="<?php echo U('Index/good_list');?>">
            <div class="type">
                <div class="img"><img class="lazy" data-original="/Public/img/3.png"></div>
                <div class="text">分类</div>
            </div>
        </a>
        <a href="<?php echo U('Index/good_list');?>">
            <div class="type">
                <div class="img"><img class="lazy" data-original="/Public/img/4.png"></div>
                <div class="text">分类</div>
            </div>
        </a>
        <a href="<?php echo U('Index/good_list');?>">
            <div class="type">
                <div class="img"><img class="lazy" data-original="/Public/img/5.png" ></div>
                <div class="text">分类</div>
            </div>
        </a>
        <a href="<?php echo U('Index/good_list');?>">
            <div class="type">
                <div class="img"><img class="lazy" data-original="/Public/img/6.png" ></div>
                <div class="text">分类</div>
            </div>
        </a>
        <a href="<?php echo U('Index/good_list');?>">
            <div class="type">
                <div class="img"><img class="lazy" data-original="/Public/img/7.png" ></div>
                <div class="text">分类</div>
            </div>
        </a>
        <a href="<?php echo U('Index/good_list');?>">
            <div class="type">
                <div class="img"><img class="lazy" data-original="/Public/img/8.png" ></div>
                <div class="text">分类</div>
            </div>
        </a>
    </div>

    <div class="new_good">
        <a href="<?php echo U('Index/good');?>">
            <div class="good">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/t1.jpg" >
                </div>
                <div class="name">
                    木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                </div>
                <div class="price">￥128.00</div>
            </div>
        </a>

        <a href="<?php echo U('Index/good');?>">
            <div class="good">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/t2.jpg" >
                </div>
                <div class="name">
                    木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                </div>
                <div class="price">￥128.00</div>
            </div>
        </a>

        <a href="<?php echo U('Index/good');?>">
            <div class="good">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/t3.jpg" >
                </div>
                <div class="name">
                    木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                </div>
                <div class="price">￥128.00</div>
            </div>
        </a>

        <a href="<?php echo U('Index/good');?>">
            <div class="good">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/t4.jpg" >
                </div>
                <div class="name">
                    木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                </div>
                <div class="price">￥128.00</div>
            </div>
        </a>

        <a href="<?php echo U('Index/good');?>">
            <div class="good">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/t5.jpg" >
                </div>
                <div class="name">
                    木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                </div>
                <div class="price">￥128.00</div>
            </div>
        </a>

        <a href="<?php echo U('Index/good');?>">
            <div class="good">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/t6.jpg" >
                </div>
                <div class="name">
                    木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                </div>
                <div class="price">￥128.00</div>
            </div>
        </a>

        <a href="<?php echo U('Index/good');?>">
            <div class="good">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/t7.jpg" >
                </div>
                <div class="name">
                    木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                </div>
                <div class="price">￥128.00</div>
            </div>
        </a>

        <a href="<?php echo U('Index/good');?>">
            <div class="good">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/t8.jpg" >
                </div>
                <div class="name">
                    木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                </div>
                <div class="price">￥128.00</div>
            </div>
        </a>

        <a href="<?php echo U('Index/good');?>">
            <div class="good">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/t9.jpg" >
                </div>
                <div class="name">
                    木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                </div>
                <div class="price">￥128.00</div>
            </div>
        </a>

        <a href="<?php echo U('Index/good');?>">
            <div class="good">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/t10.jpg" >
                </div>
                <div class="name">
                    木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                </div>
                <div class="price">￥128.00</div>
            </div>
        </a>
        

    </div>

    <div class="loading">
        <img src="/Public/img/loading.gif">
    </div>

    <div class="clear"></div>
<div class="foot">
	<a href="<?php echo U('Index/index');?>" data-transition="slide">
		<div class="bttn">
			<div class="img"><i class="fa fa-home" aria-hidden="true"></i></div>
			<div class="text">首页</div>
		</div>
	</a>
	<a href="<?php echo U('Cart/index');?>" data-transition="slide">
		<div class="bttn">
			<div class="img"><i class="fa fa-shopping-cart" aria-hidden="true"></i></div>
			<div class="text">购物车</div>
		</div>
	</a>
	<a href="<?php echo U('Friend/index');?>" data-transition="slide">
		<div class="bttn">
			<div class="img"><i class="fa fa-users" aria-hidden="true"></i></div>
			<div class="text">好友</div>
		</div>
	</a>
	<a href="<?php echo U('Bbc/index');?>" data-transition="slide">
		<div class="bttn">
			<div class="img"><i class="fa fa-comments-o" aria-hidden="true"></i></i></div>
			<div class="text">论坛</div>
		</div>
	</a>
	<a href="<?php echo U('Mine/index');?>" data-transition="slide">
		<div class="bttn">
			<div class="img"><i class="fa fa-user" aria-hidden="true"></i></div>
			<div class="text">我的</div>
		</div>
	</a>
</div>




    <script src="/Public/js/s.js"></script>

    <!-- Initialize Swiper -->
    <script>
        var html = $('.new_good').html();

        imgload();
        swiper_go();

        
        

        $(window).scroll(function(){

        　　var scrollTop = $(this).scrollTop();
        　　var scrollHeight = $(document).height();
        　　var windowHeight = $(this).height();
        　　if(scrollTop + windowHeight == scrollHeight){
                setTimeout('doit()',1500)
        　　　　
        　　}
            if(scrollTop >= 180){ //向下滚动像素大于这个值时，即出现浮窗~
                $(".head").animate({backgroundColor:"#f23030"},600);
            }
        });

        function doit(){
            $('.new_good').append(html);
            imgload();
        }

    </script>
</body>
</html>